<template>
  <common-dialog  :visible.sync="visible"
                  width="50%"
                  append-to-body
                  :before-close="handleBeforeClose"
                  >
    <template #title>
      <div style="font-weight: 700; font-size: 24px; color: deepskyblue;">图标选择</div>
    </template>

    <template #body>
      <icons @select="selectIcon"></icons>
    </template>
  </common-dialog>
</template>

<script>
import CommonDialog from '@/components/common/CommonDialog'
import Icons from '@/components/common/Icons'
import FormMixins from '@/components/mixins/form/FormMixins'

export default {
  name: 'IconDialog',
  components: {
    CommonDialog,
    Icons
  },
  mixins: [FormMixins],
  methods: {
    selectIcon(icon){
      this.$emit('selectIcon', icon)
    }
  }
}
</script>

<style lang="less">

</style>
